.ant-drawer-header-title {
  justify-content: flex-end;
}

.ant-drawer-body {
  padding: 0 !important;

  .tabs {
    width: 100%;
    height: 36px;
    line-height: 36px;
    display: flex;
    text-align: center;
    position: absolute;
    background: white;

    div {
      width: 34%;
      cursor: pointer;
      border-bottom: solid 1px #ccd5db;
    }

    .active {
      color: #1261ff;
      font-weight: bold;
      border-bottom: solid 2px #1261ff;
    }

    div:hover {
      border-bottom: solid 2px #1261ff;
    }
  }

  .tab-content {
    margin-top: 40px;
    // display: flex;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    padding-left: 10px;

    .tabitem {
      width: 85px;
      height: 50px;
      background: #f5f8fb;
      display: flex;
      align-items: center;
      justify-content: center;
      margin: 0 12px;
      margin-bottom: 10px;
      font-size: 12px;
      color: #333;
      border-radius: 3px;
      -webkit-user-select: none;
      -moz-user-select: none;
      user-select: none;
      cursor: pointer;
    }
  }
}
